$("canvas").drawArc({
  fillStyle: "#686",
  x: 100, y: 100,
  radius: 10
})

//BEGIN LIBRARY CODE
var x = 10;
var y = 10;
var dx = 2;
var dy = 4;
var WIDTH=500;
var HEIGHT=345;
var ctx;
 
function init() {
  ctx = $('#canvas')[0].getContext("2d");
  WIDTH = $("#canvas").width();
  HEIGHT = $("#canvas").height();
  return setInterval(draw, 1);
}
 
function circle(x,y,r) {
  ctx.beginPath();
  ctx.arc(x, y, r, 0, Math.PI*2, true);
  ctx.closePath();
  ctx.fill();
}
  
function clear() {
  ctx.clearRect(0, 0, WIDTH, HEIGHT);
}
 
//END LIBRARY CODE
 
function draw() {
  clear();
  circle(x, y, 10);
 
  if (x + dx > WIDTH || x + dx < 0)
    dx = -dx;
  if (y + dy > HEIGHT || y + dy < 0)
    dy = -dy;
 
  x += dx;
  y += dy;
}
 
//init();
